/*/*
/* 第一屏 */
.screen-1__text-box__p1 {transition: all 1s ease-in-out;opacity: 1;}
.screen-1__text-box__p1_animate {transform: translate(-100%, 0);opacity: 0;}
.screen-1__text-box__p2 {transition: all 1s ease-in-out 300ms;opacity: 1;}
.screen-1__text-box__p2_animate {transform: translate(100%, 0);opacity: 0;}
.screen-1__text-box__p3 {transition: all 1s ease-in-out 600ms;opacity: 1;}
.screen-1__text-box__p3_animate {transform: translate(-100%, 0);opacity: 0;}
.screen-1__text-box__p4 {transition: all 1s ease-in-out 800ms;opacity: 1;}
.screen-1__text-box__p4_animate {transform: translate(100%, 0);opacity: 0;}

/* 第二屏 */
.screen-2__text-box__p1 {transition: all 1s ease-in-out;opacity: 1;}
.screen-2__text-box__p1_animate {transform: translate(-100%, 0);opacity: 0;}
.screen-2__text-box__p2 {transition: all 1s ease-in-out 300ms;opacity: 1;}
.screen-2__text-box__p2_animate {transform: translate(100%, 0);opacity: 0;}
.screen-2__text-box__p3 {transition: all 1s ease-in-out 600ms;opacity: 1;}
.screen-2__text-box__p3_animate {transform: translate(-100%, 0);opacity: 0;}
.screen-2__text-box__p4 {transition: all 1s ease-in-out 800ms;opacity: 1;}
.screen-2__text-box__p4_animate {transform: translate(100%, 0);opacity: 0;}

/* 第三屏 */
.screen-3__text-box__p1 {transition: all 2s ease-in-out;opacity: 1;}
.screen-3__text-box__p1_animate {margin-left: 100%;transform: rotateX(720deg);opacity: 0;}
.screen-3__text-box__p2 {transition: all 2s ease-in-out;opacity: 1;}
.screen-3__text-box__p2_animate {transform: rotateX(720deg);opacity: 0;}

/* 第四屏 */
.screen-4__text-box__p1 {transition: all 1500ms ease-in-out;transform-origin: 0 0;opacity: 1;}
.screen-4__text-box__p1_animate {transform: rotate(-160deg);opacity: 0;}
.screen-4__text-box__p2 {transition: all 1500ms ease-in-out;transform-origin: 100% 100%;opacity: 1;}
.screen-4__text-box__p2_animate {transform: rotate(-160deg);opacity: 0;}

/* 第五屏 */
.screen-5__text-box__p1 {transition: all 1500ms ease-in-out;transform-origin: 0 0;opacity: 1;}
.screen-5__text-box__p1_animate {transform: translate(0, 100%);opacity: 0;}
.screen-5__text-box__p2 {transition: all 1500ms ease-in-out;opacity: 1;}
.screen-5__text-box__p2_animate {transform: translate(0, -100%);opacity: 0;}



/*第二屏动画效果*/
/*.screen-2{
	-webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.plane_1{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	right: 50%;
	background: url("../img/screen-2-1.png") no-repeat center center;
		-webkit-animation: plane1 6s ease-in-out infinite;
		   -moz-animation: plane1 6s ease-in-out infinite;
			 -o-animation: plane1 6s ease-in-out infinite;
			-ms-animation: plane1 6s ease-in-out infinite;
				animation: plane1 6s ease-in-out infinite;
}
.plane_2{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 60%;
	right: 30%;
	background: url("../img/screen-2-1.png") no-repeat center center;
		-webkit-animation: plane1 7s ease-in-out infinite;
		   -moz-animation: plane1 7s ease-in-out infinite;
			 -o-animation: plane1 7s ease-in-out infinite;
			-ms-animation: plane1 7s ease-in-out infinite;
				animation: plane1 7s ease-in-out infinite;
}
.plane_3{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 30%;
	right: 30%;
	background: url("../img/screen-2-2.png") no-repeat center center;
		-webkit-animation: plane1 10s ease-in-out infinite;
		   -moz-animation: plane1 10s ease-in-out infinite;
			 -o-animation: plane1 10s ease-in-out infinite;
			-ms-animation: plane1 10s ease-in-out infinite;
				animation: plane1 10s ease-in-out infinite;
}
.plane_4{
	width: 100px;
	height: 100px;
	position: absolute;
	top: 40%;
	right: 40%;
	background: url("../img/screen-2-3.png") no-repeat center center;
		-webkit-animation: plane1 12s ease-in-out infinite;
		   -moz-animation: plane1 12s ease-in-out infinite;
			 -o-animation: plane1 12s ease-in-out infinite;
			-ms-animation: plane1 12s ease-in-out infinite;
				animation: plane1 12s ease-in-out infinite;
}



@keyframes plane1{
	form{ right: 50%; top: 50%; transform: rotate(35deg); }
	10%{ opacity: 0.3;}
	30%{ opacity: 0.8;}
	60%{ opacity: 1;}
	to{ right: 100%; top: 80%; }
}

@keyframes plane2{
	form{ right: 50%; top: 50%; transform: rotate(35deg); }
	10%{ opacity: 0.3;}
	30%{ opacity: 0.8;}
	60%{ opacity: 1;}
	to{ right: 100%; top: 80%; }
}
@keyframes plane3{
	form{ right: 50%; top: 50%; transform: rotate(35deg); }
	10%{ opacity: 0.3;}
	30%{ opacity: 0.8;}
	60%{ opacity: 1;}
	to{ right: 100%; top: 80%; }
}
@keyframes plane4{
	form{ right: 50%; top: 50%; transform: rotate(35deg); }
	10%{ opacity: 0.3;}
	30%{ opacity: 0.8;}
	60%{ opacity: 1;}
	to{ right: 100%; top: 80%; }
}
*/